$bottomBarHeight: 120rpx;
$pageBarHeight: 80rpx;
$uni-color-tikucolor:#00C853;
.handle {
  position: fixed;
  z-index: 999;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: $bottomBarHeight;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  color: #666;
  border-top: 1px #ccc solid;
  // border-top: 2rpx solid #e5e5e5;
  font-size: 28rpx;
  padding: 0;

  .item {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    flex: 2;

    &.time {
      flex: 3;
    }
  }
}

.content {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding: 20rpx;

  .checkbox,
  .radio {
    color: $themeColor;
  }

  .foot {
    padding: 20rpx 30rpx;
    line-height: 200%;
    font-size: 28rpx;
  }

  .notice {
    box-sizing: border-box;
    padding: 0 15rpx;
    display: flex;
    width: 100%;
    height: 52rpx;
    justify-content: space-between;
    align-items: center;
    background: #fffbe8;
    line-height: 1.5em;
    font-size: 28rpx;

    .left {
      flex: 1;
    }

    .right {}
  }

  .nav-bar {
    width: 100%;
  }

  .swiper {
    width: 100%;
	//min-height: 100vh;
    // padding-bottom: $bottomBarHeight;
    box-sizing: border-box;

    .page-item {
      background-color: #fff;
      height: inherit;
      overflow-y: scroll;

      .menu {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        // height: 20rpx;
        padding: 0 20rpx 20rpx 20rpx;
        font-size: 28rpx;
      }

      .title-info {
        padding: 20rpx;
        font-size: 34rpx;
        line-height: 1.8em;
        border-radius: 10rpx;
        background-color: #f5f5f5;

        .type {
          font-size: 22rpx;
          color: #fff;
          padding: 8rpx 14rpx;
          border-radius: 6rpx;
          margin-right: 15rpx;
        }
		.type-1{
			background-color: #212121;
		}
		.type-2{
			background-color: #00C853;
		}
		.type-3{
			background-color: #0091EA;
		}
		.type-4{
			background-color: #FF6F00;
		}
		.type-5{
			background-color: #0091EA;
		}

        .title {
          text-align: justify;
        }
      }

      .options {
        display: flex;
        flex-direction: column;
        margin-top: 35rpx;

        .option {
          display: flex;
          align-items: center;
          gap: 15rpx;
          padding: 20rpx 30rpx;
          font-size: 34rpx;
		  // margin-top: 12rpx;
          line-height: 1.5em;
		  border: 2px solid #ffffff;
          .option-body {
          	 width: 90%;
          	}
		  .option-head{
				width: 60rpx;
				height: 60rpx;
				border: 1px #666 solid;
				border-radius: 15rpx;
				text-align: center;
				line-height: 60rpx;
			}
          &.checked {
			.option-head{
				border-color:#fff;
				color: #fff;
			}
			.option-body {
				color: #fff;
				}
            background-color: #00C853;
            //color: #fff;
			// border: 2px solid $uni-color-tikucolor;
            border-radius: 30rpx;
            &.wrong {
              background-color: #DD2C00;
			  //border: 2px solid #f65a5b;
            }
          }
        }
      }

		.check-confirm {
			width: 120rpx;
			font-size: 28rpx;
			line-height: 2em;
			padding: 8rpx 30rpx;
			color: #fff;
			background-color: #999;
			border-radius: 60rpx;
			text-align: center;
			margin: 30rpx auto 0;
			&.hightlight {
				background-color: $uni-color-tikucolor;
			}
		}

      .answer {
        padding: 0 25rpx;
        font-size: 30rpx;
        margin-top: 35rpx;

        .right {
          color: #ff0400;
          font-size: 32rpx;
          font-weight: bold;
        }

        .explain {
          color: #333;
          text-align: justify;
          padding: 20rpx 0;
          margin-top: 15rpx;
          line-height: 1.65em;
        }

        .page-info {
          padding: 20rpx;
        }
      }

      .biji {
        color: $uni-color-tikucolor;
        text-align: justify;
        padding: 20rpx 0;
        line-height: 1.65em;
        font-weight: 300;
        font-size: 26rpx;
      }
    }
  }

  // .page {
  //   position: absolute;
  //   bottom: 98rpx;
  //   box-sizing: border-box;
  //   width: 100%;
  //   height: $pageBarHeight;
  //   display: flex;
  //   padding: 0 30rpx;
  //   font-size: 32rpx;
  //   align-items: center;
  //   justify-content: space-between;
  // }
}